/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;margin-bottom: 25px;position: relative;line-height: 1.5;color: #787878;z-index: 1;}
.home-title a{font-size: 40px;display: block;width: 300px;margin: 0 auto;font-weight: 600;}
.home-title a:hover{color: #e52e2e;}
.home-title p{width: 100%;max-width: 400px;margin: 0 auto;overflow: hidden;position: relative;}
.home-title em{display: block;width: 25%;float: left;height: 20px;border-bottom: 1px solid #ccc;}
.home-title span{width:50%;font-size: 18px;display: block;float: left;height: 36px;line-height: 40px;text-transform: uppercase;}
.home-title i{display: block;width: 15px;height: 25px;margin: 0 auto;background: url(../images/icon7.png) center no-repeat;background-size: 100% auto;}

@media only screen and (max-width:1024px){
.home-title{margin-bottom: 15px;}
.home-title a{font-size: 24px;}
.home-title p{max-width: 300px;}
.home-title em{height: 13px;}
.home-title span{font-size: 12px;height: 24px;line-height: 24px;}
.home-title i{height: 20px;}
}
@media only screen and (max-width:425px){
.home-title a{line-height: 1.3;}
}

/*分类*/
.proclabox{padding: 50px 0;background: #fff;}
.proclabox ul{margin: 0 -15px;padding-bottom: 10px;overflow: hidden;}
.proclabox ul li{width: 20%;float: left;padding: 10px 15px 15px;text-align: center;}
.proclabox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proclabox ul li > div{width: 100%;border-radius: 150px;background: #067fc9;overflow: hidden;padding: 15px;}
.proclabox ul li p{width: 100%;overflow: hidden;margin-bottom: 15px;}
.proclabox ul li p span{display: block;width: 100%;padding-bottom: 100%;background: #fff url(../images/img.png) center no-repeat;background-size: 100% auto;border-radius: 50%;}
.proclabox ul li p em{display:block;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;border-radius: 50%;background: #fff;}
.proclabox ul li p img{position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;}
.proclabox ul li h2{width: 100%;font-size: 18px;color: #fff;font-weight: 600;line-height: 2;padding: 6px 0 13px;border-bottom: 1px dotted rgba(255,255,255,.5);}
.proclabox ul li dl{padding: 15px 0 45px;position: relative;height: 210px;}
.proclabox ul li dl a{padding: 0 5%;color: #fff;line-height: 30px;}
.proclabox ul li dl a:hover{font-weight: 600;}
.proclabox ul li dl span{display: none;width: 100%;height: 30px;line-height: 30px;font-size: 18px;font-weight: 600;color: #000;font-family: "微软雅黑";letter-spacing: 2px;position: absolute;left: 0;bottom: 15px;}

.proclabox ul li p:hover span,
.proclabox ul li p:hover em{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.proclabox ul li:hover h2{border-color: #fff;}
.proclabox ul li:hover > div{background: #e52e2e;}

@media only screen and (max-width:1250px){
.proclabox ul{margin: 0 -5px;padding-bottom: 15px;}
.proclabox ul li{padding: 5px 10px 15px;}
}
@media only screen and (max-width:1024px){
.proclabox{padding: 35px 0;}
.proclabox ul{margin: 0;}
.proclabox ul li{padding: 5px;width: 50%;text-align: left;}
.proclabox ul li > div{padding: 10px;border-radius: 10px;}
.proclabox ul li > div > a{padding-left: 160px;position: relative;display: block;z-index: 2;overflow: visible;}
.proclabox ul li > div > a p{width: 150px;height: 150px;position: absolute;left: 0;top: 0;}
.proclabox ul li > div > a h2{padding: 10px 0 3px;}
.proclabox ul li > div > dl{position: relative;z-index: 1;padding: 9px 0 0 155px;height: 100px;}
.proclabox ul li > div > dl dt{width: 50%;float: left;}
.proclabox ul li > div > dl span{display: none;}
}
@media only screen and (max-width:880px){
.proclabox ul li > div > a{padding-left: 140px;}
.proclabox ul li > div > a p{width: 130px;height: 130px;}
.proclabox ul li > div > a h2{padding: 5px 0 3px;}
.proclabox ul li > div > dl{padding: 9px 0 0 135px;height: 85px;}
.proclabox ul li dl a{line-height: 24px;}
}
@media only screen and (max-width:768px){
.proclabox{display: none;}
}

/*probox*/
.productbox{padding:50px 0;background: #f7f7f7;}
.productbox .w1280{max-width: 1300px;}
.productbox .protit{width: 100%;max-width:1280px;margin: 0 auto 20px;border-bottom: 1px solid #067fc9;}
.productbox .protit p{width: 20%;float: left;text-align: center;position: relative;overflow: hidden;font-size: 16px;font-weight: 600;line-height: 2;}
.productbox .protit p a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 14px 5px 13px;}
.productbox .protit p span{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.productbox .protit p.active a{background: #067fc9;color: #fff;}
.productbox .protit p.active span{top: 100%;}

.productbox .procon{width: 100%;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: nowrap;}
.productbox .procon ul{width: 100%;float: left;flex-shrink: 0;opacity: 0;}
.productbox .procon ul.active{opacity: 1;}
.productbox .procon ul li{width: 25%;padding: 0 10px 5px;float: left;text-align: center;}
.productbox .procon ul li a{display: block;overflow: hidden;width: 100%;padding: 5px;}
.productbox .procon ul li p{position: relative;width: 100%;border: 1px solid #ddd;background: #fff;padding: 4px;overflow: hidden;}
.productbox .procon ul li h3{display:block;width:100%;height:45px;line-height:50px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.productbox .procon ul li:hover a{background-color: #067fc9;color: #fff;}
.productbox .procon ul li:hover p{border-color: #067fc9;}

@media only screen and (max-width:1250px){
.productbox .procon ul li{padding: 0 5px 5px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 35px 0 30px;}
.productbox .protit{margin-bottom: 10px;}
.productbox .protit p{font-size: 14px;}
.productbox .procon ul li{padding: 0 2px 5px;}
.productbox .procon ul li h3{height:36px;line-height:40px;}
}
@media only screen and (max-width:768px){
.productbox{background: #fff;}
.productbox .protit{border: 0;}
.productbox .protit p{width: 50%;padding: 2px;font-size: 16px;}
.productbox .protit p a{background: #067fc9;color: #fff;}
.productbox .protit p.active a{background: #e52e2e;}
.productbox .procon ul li{width: 50%;padding: 0 5px 5px;}
.productbox .procon ul li h3{height:45px;line-height:50px;}
}
@media only screen and (max-width:425px){
.productbox .protit p{font-size: 14px;}
.productbox .protit p a{padding: 10px 5px;}
.productbox .procon ul li{padding: 0 2px 5px;}
.productbox .procon ul li a{padding: 3px;}
.productbox .procon ul li h3{height:38px;line-height:40px;}
}

/*视频*/
.videobox{padding: 50px 0 45px;}
.videobox ul li{width: 33.33%;text-align: center;padding: 0 15px;}
.videobox ul li p{width: 100%;background: #000;position: relative;overflow: hidden;padding: 5px;}
.videobox ul li p em{width: 100%;display: block;padding-bottom: 65%;position: relative;}
.videobox ul li p .videoed{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: none;}
.videobox ul li span{width: 100%;height: 50px;line-height: 50px;display: block;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;}
.videobox ul li:hover span{color: #e52e2e;}

.videobox .swiper-container{max-width:1380px;padding: 0 50px;}
.videobox .swiper-picture{width: 100%;overflow: hidden;}
.videobox .swiper-button-next{right: 0;opacity: 1;margin-top: -60px;background: none;color: #e52e2e;}
.videobox .swiper-button-prev{left: 0;opacity: 1;margin-top: -60px;background: none;color: #e52e2e;}
.videobox .swiper-button-next:hover,
.videobox .swiper-button-prev:hover{background: #e52e2e;color: #fff;}

@media only screen and (max-width:1250px){
.videobox .swiper-container{padding: 0 40px;}
.videobox ul li{padding: 0 10px;}
}
@media only screen and (max-width:1024px){
.videobox{padding: 35px 0 25px;}
}
@media only screen and (max-width:768px){
.videobox{background: #f5f5f5;}
.videobox .swiper-container{padding: 0 30px;}
.videobox ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.videobox{padding: 30px 0 20px;}
.videobox ul li{padding: 0 5px;}
}

/*case*/
.casebox{padding: 45px 0 15px;background: #067fc9;}
.casebox .home-title,
.casebox .home-title a{color: rgba(255,255,255,.9);}
.casebox .home-title a:hover{color: #fff;}
.casebox .home-title em{border-color: rgba(255,255,255,.5);}
.casebox .home-title i{background-image: url(../images/icon7-1.png);}

.casebox .w1280{max-width: 1310px;}
.casebox ul li{width: 33.33%;float: left;text-align: center;padding: 5px 15px 15px;position: relative;z-index: 1;}
.casebox ul li a{display: block;width: 100%;overflow: hidden;background: #fff;padding: 5px;}
.casebox ul li p{width: 100%;overflow: hidden;}
.casebox ul li p em{padding-bottom: 65%;}
.casebox ul li p em img{width: 100%;min-height: 100%;max-height: none;}
.casebox ul li h3{width: 100%;height: 60px;line-height: 60px;font-size: 16px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.casebox ul li:hover{z-index: 2;}
.casebox ul li:hover a{box-shadow: 0 2px 20px rgba(0,65,40,.5);transform: scale(1.03);}

@media only screen and (max-width:1250px){
.casebox ul li{padding: 0 10px 15px;}
.casebox ul li h3{height: 50px;line-height: 53px;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 35px 0 40px;}
.casebox ul li{padding: 5px;}
.casebox ul li h3{font-size: 14px;}
}
@media only screen and (max-width:768px){
.casebox ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.casebox{padding: 30px 0;}
.casebox ul li{padding: 5px 5px 10px;}
.casebox ul li h3{height: 36px;line-height: 40px;}
}

/*优势*/
.youshibox{padding-top: 300px;background: url(../images/ysbg1.jpg) center top no-repeat;}
.youshibox .home-title{display: none;}
.youshibox .w1280{width: 100%;height: 1700px;background: url(../images/ysbg2.jpg) center bottom no-repeat;position: relative;}
.youshibox .w1280 .txt{position: absolute;width: 600px;}
.youshibox .w1280 .txt strong{display: block;width: 100%;padding-left: 90px;font-size: 40px;line-height: 1;color: #067fc9;}
.youshibox .w1280 .txt span{display: block;width: 100%;padding-left: 90px;color: #ccc;text-transform: uppercase;padding: 3px 0 12px 90px;font-weight: 600;}
.youshibox .w1280 .txt p{width: 100%;color: #666;line-height: 1.8;}
.youshibox .txt1{left: 705px;top: 50px;z-index: 6;}
.youshibox .txt2{left: 705px;top: 260px;z-index: 5;}
.youshibox .txt3{left: 75px;top: 595px;width: 500px;z-index: 4;}
.youshibox .txt4{left: 75px;top: 815px;width: 560px;z-index: 3;}
.youshibox .txt5{left: 705px;top: 1180px;z-index: 2;}
.youshibox .txt6{left: 705px;top: 1400px;z-index: 1;}

@media only screen and (max-width:1360px){
.youshibox{padding-top: 22.058%;background-size: 141.176% auto;}
.youshibox .w1280{height: auto;padding-bottom: 125%;background-size: 141.176% auto;margin-top: -1px;}
.youshibox .w1280 .txt{width: 45%;overflow: hidden;margin-top: 1px;}
.youshibox .w1280 .txt strong{padding-left: 14%;font-size: 36px;}
.youshibox .w1280 .txt span{padding: 1% 0 3% 14%;line-height: 1;}
.youshibox .txt1{left: 51.8%;top: 0;padding-top: 3.8%;}
.youshibox .txt2{left: 51.8%;top: 0;padding-top: 19.2%;}
.youshibox .txt3{left: 5.4%;top: 0;padding-top: 43.8%;}
.youshibox .txt4{left: 5.4%;top: 0;padding-top: 60%;}
.youshibox .txt5{left: 51.8%;top: 0;padding-top: 86.8%;}
.youshibox .txt6{left: 51.8%;top: 0;padding-top: 103%;}
}
@media only screen and (max-width:1250px){
.youshibox{padding-top: 23.5%;background-size: 150% auto;}
.youshibox .w1280{padding-bottom: 132.75%;background-size: 150% auto;margin: 0;}
.youshibox .w1280 .txt{width: 46%;overflow: hidden;margin: 0;}
.youshibox .w1280 .txt strong{padding-left: 15%;}
.youshibox .w1280 .txt span{padding: 1% 0 2% 15%;}
.youshibox .w1280 .txt p{line-height: 1.7;}
.youshibox .txt1{left: 51.92%;top: 0;padding-top: 3.8%;}
.youshibox .txt2{left: 51.92%;top: 0;padding-top: 20.2%;}
.youshibox .txt3{left: 2.7%;top: 0;padding-top: 46.3%;}
.youshibox .txt4{left: 2.7%;top: 0;padding-top: 63.5%;}
.youshibox .txt5{left: 51.92%;top: 0;padding-top: 92.1%;}
.youshibox .txt6{left: 51.92%;top: 0;padding-top: 109.3%;}
}
@media only screen and (max-width:1024px){
.youshibox{padding: 35px 0;background: none;}
.youshibox .home-title{display: block;}
.youshibox .w1280{width: 96%;margin: 0 auto;padding: 0;background: none;display: flex;flex-wrap: wrap;justify-content: center;}
.youshibox .w1280 .txt{width: 50%;float: left;position: relative;padding: 5px;left: 0;top: 0;text-align: center;}
.youshibox .w1280 .txt strong{padding: 0;font-size: 22px;line-height: 30px;color: #fff;font-weight: 600;position: absolute;left: 0;top: 25px;z-index: 5;}
.youshibox .w1280 .txt span{padding: 0;font-size: 13px;line-height: 20px;color: rgba(255,255,255,.75);font-weight: normal;position: absolute;left: 0;top: 55px;z-index: 5;}
.youshibox .w1280 .txt p{height:100%;padding: 80px 10px 15px 20px;border-radius: 5px;background: #067fc9;color: #fff;z-index: 1;line-height: 1.8;}
.youshibox .w1280 .txt:hover p{background: #e52e2e;}
}
@media only screen and (max-width:768px){
.youshibox{padding: 25px 0;}
.youshibox .w1280 .txt{width: 100%;}
}
@media only screen and (max-width:480px){
.youshibox .w1280 .txt{width: 100%;padding: 5px 0;}
.youshibox .w1280 .txt strong,
.youshibox .w1280 .txt span,
.youshibox .w1280 .txt p{padding-left: 15px;}
}

/*company*/
.companybox{padding: 60px 0;background: #067fc9;}
.companybox .home-title,
.companybox .home-title a{color: rgba(255,255,255,.9);}
.companybox .home-title a:hover{color: #fff;}
.companybox .home-title em{border-color: rgba(255,255,255,.5);}
.companybox .home-title i{background-image: url(../images/icon7-1.png);}

.companybox .cont{position: relative;padding-right: 600px;}
.companybox .pic{width: 600px;position: absolute;right: 0;top: 0;z-index: 1;}
.companybox .pic p{width: 100%;padding-bottom: 75%;position: relative;background: #000;}
.companybox .pic p img{width: 100%;max-height: none;}

.companybox .txt{width: 100%;height:450px;float: left;background: #fff;padding: 25px 35px;}
.companybox .titl{width: 100%;}
.companybox .titl p{font-size: 30px;color: #067fc9;}
.companybox .titl em{display:block;font-size: 16px;color: #ccc;text-transform: uppercase;font-style: normal;font-weight: 600;line-height: 1.2;}
.companybox .txt .text{width: 100%;height: 265px;padding-top: 15px;line-height: 1.9;color: #666;text-indent: 2em;}
.companybox .txt .text *{font-size: 14px!important;font-family: Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif!important;color: #666!important;line-height: 1.8!important;}
.companybox .txt .text p{width: 100%;overflow: hidden;margin-bottom: 10px!important;}
.companybox .txt .more{width: 100%;padding-top: 25px;}
.companybox .txt .more a{display:block;float:left;height: 40px;padding: 0 25px;background: #2d2d2d;line-height:40px;color: #fff;text-transform: uppercase;}
.companybox .txt .more a:hover{background: #e52e2e;}

.companybox .partner{padding: 45px 0 15px;}
.companybox .partner .titl{padding-right: 64px;position: relative;margin-bottom: 20px;}
.companybox .partner .titl p{color: #fff;}
.companybox .partner .titl em{color: rgba(255,255,255,.75);}
.companybox .partner .titl a{display: block;width: 40px;height: 40px;position: absolute;right: 0;top: 12px;color: #fff;font-size: 30px;border: 1px solid #fff;text-align: center;line-height: 40px;}
.companybox .partner .titl a:hover{background: #fff;color: #e52e2e;}

.companybox .partner ul{overflow: hidden;margin: 0 -5px;}
.companybox .partner ul li{width: 25%;float: left;padding: 5px;text-align: center;}
.companybox .partner ul li a{display:block;width: 100%;overflow: hidden;position: relative;background: #fff;padding: 5px;}
.companybox .partner ul li em{padding-bottom: 40%;}
.companybox .partner ul li h3{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;background: url(../nyimages/icon-bg3.png);-webkit-transform: scale(0,0);transform: scale(0,0);}
.companybox .partner ul li h3 span{display: block;width: 100%;padding: 0 10px;line-height: 30px;position: relative;top: 50%;margin-top: -15px;color: #fff;font-size: 18px;font-weight: 600;}
.companybox .partner ul li:hover h3{-webkit-transform: scale(1,1);transform: scale(1,1);opacity: 1;}

@media only screen and (max-width:1250px){
.companybox{padding: 45px 0;}
.companybox .txt{padding: 10px 5%;height: 438px;}
.companybox .txt .text{height: 290px;padding-top: 10px;line-height: 1.5;}
.companybox .txt .text p{margin-bottom: 5px!important;}
.companybox .txt .more{padding-top: 15px;}
.companybox .partner{padding: 30px 0 5px;}
.companybox .partner .titl{margin-bottom: 15px;}
}
@media only screen and (max-width:1150px){
.companybox .cont{padding-right: 585px;}
.companybox .pic{width: 585px;}
.companybox .txt{padding: 20px 3%;}
.companybox .txt .text *{line-height: 1.5!important;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 35px 0;}
.companybox .cont{padding: 62% 0 0 0;}
.companybox .pic{width: 100%;}
.companybox .pic p{padding-bottom: 65%;}
.companybox .txt{padding: 3% 4.5% 3.5%;height:auto;}
.companybox .titl p{font-size: 24px;padding-top: 5px;}
.companybox .titl em{font-size: 14px;}
.companybox .txt .text{height: auto;padding-top: 15px;line-height: 1.8;}
.companybox .txt .text *{font-size: 15px!important;line-height: 1.8!important;}
.companybox .txt .text p{margin-bottom: 10px!important;}
.companybox .txt .more{padding-top: 10px;}
}
@media only screen and (max-width:768px){
.companybox .partner{padding: 25px 0 0;}
.companybox .txt{padding: 4% 4.5% 4.5%;}
.companybox .txt .text{line-height: 1.5;}
.companybox .txt .text *{line-height: 1.5!important;}
.companybox .partner ul li{width: 33.33%;}
}
@media only screen and (max-width:425px){
.companybox .cont{padding-top: 61%;}
.companybox .txt{padding: 4% 4.5% 5%;}
.companybox .txt .text{padding-top: 10px;}
.companybox .txt .text *{font-size: 14px!important;}
.companybox .txt .text p{margin-bottom: 5px!important;}
.companybox .partner ul li{width: 50%;}
}

/*新闻*/
.newsbox{padding-top:50px;}
.newsbox .titl{width: 100%;margin-bottom: 25px;padding-right: 60px;position: relative;}
.newsbox .titl p{font-size: 30px;color: #067fc9;}
.newsbox .titl em{display:block;font-size: 16px;color: #ccc;text-transform: uppercase;font-style: normal;font-weight: 600;line-height: 1.2;}
.newsbox .titl a{display: block;width: 40px;height: 40px;position: absolute;right: 0;top: 12px;color: #067fc9;font-size: 30px;border: 1px solid #067fc9;text-align: center;line-height: 40px;}
.newsbox .titl a:hover{background: #067fc9;color: #fff;}
.newsbox .list{height: 440px;}

.newsbox .newscon{width: 60%;float: left;}
.newsbox .newscon ul li{width: 100%;position: relative;padding: 15px 10px 15px 120px;overflow: hidden;background: #f5f5f5;}
.newsbox .newscon ul li .date{width: 100px;height: 80px;position: absolute;left: 0;top: 15px;border-right: 1px solid #ccc;overflow: hidden;text-align: center;color: #787878;}
.newsbox .newscon ul li .time1{font-size: 36px;line-height: 60px;}
.newsbox .newscon ul li .time2 p{font-size: 36px;line-height: 60px;height: 55px;}
.newsbox .newscon ul li .time2 span{display: block;font-size: 15px;font-weight: 600;}
.newsbox .newscon ul li .tit{width: 100%;line-height: 30px;font-size: 16px;font-weight: 600;}
.newsbox .newscon ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .newscon ul li .text{width: 100%;height: 50px;overflow: hidden;padding-top: 7px;color: #666;}
.newsbox .newscon ul li .text br,
.newsbox .newscon ul li .text img{display: none;}

.newsbox .newscon ul li:nth-of-type(odd){background: #333;}
.newsbox .newscon ul li:hover,
.newsbox .newscon ul li:nth-of-type(even):hover{background: #067fc9;}
.newsbox .newscon ul li:hover .date,
.newsbox .newscon ul li:nth-of-type(odd) .date{color: #fff;border-color: #fff;}
.newsbox .newscon ul li:hover .text,
.newsbox .newscon ul li:nth-of-type(odd) .text,
.newsbox .newscon ul li:hover a,
.newsbox .newscon ul li:nth-of-type(odd) a{color: #fff;}

/*问题*/
.newsbox .faqbox{width: 36%;float: right;}
.newsbox .faqbox ul li{width: 100%;margin-bottom: 23px;padding-bottom: 15px;border-bottom: 1px dotted #ddd;}
.newsbox .faqbox ul li span{display: block;width: 25px;height: 30px;position: absolute;left: 0;top: 0;text-align: center;line-height: 30px;color: #fff;font-weight: 600;}
.newsbox .faqbox ul li .tit{width: 100%;padding-left: 35px;position: relative;font-weight: 600;line-height: 30px;margin-bottom: 10px;}
.newsbox .faqbox ul li .tit span{background: #067fc9;}
.newsbox .faqbox ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .faqbox ul li .text{width: 100%;line-height: 24px;padding: 3px 0 0 35px;height: 75px;overflow: hidden;position: relative;color: #787878;}
.newsbox .faqbox ul li .text span{background: #2d2d2d;}
.newsbox .faqbox ul li .text:hover{color: #333;}

@media only screen and (max-width:1250px){
.newsbox{padding-top:35px;}
.newsbox .titl{margin-bottom: 20px;}
.newsbox .newscon{width: 58%;}
.newsbox .faqbox{width: 39%;}
}
@media only screen and (max-width:1024px){
.newsbox{padding-top:0;}
.newsbox .w1280{width: 100%;}
.newsbox .titl p{font-size: 24px;}
.newsbox .titl em{font-size: 14px;}
.newsbox .newscon{width: 100%;padding: 0 3%;display: none;}
.newsbox .faqbox{width: 100%;padding: 30px 3% 15px;background: #f5f5f5;}
.newsbox .faqbox .list{height: auto;}
.newsbox .faqbox ul li{border-color: #ccc;margin-bottom: 20px;}
.newsbox .faqbox ul li .text{height: auto;}
}
@media only screen and (max-width:768px){
/* .newsbox{padding-top:30px;}
.newsbox .w1280{width: 100%;}
.newsbox .newscon{width: 100%;padding: 0 3%;}
.newsbox .faqbox{width: 100%;padding: 30px 3% 15px;background: #f5f5f5;margin-top: 30px;}
.newsbox .faqbox .list{height: auto;}
.newsbox .faqbox ul li{border-color: #ccc;margin-bottom: 20px;}
.newsbox .faqbox ul li .text{height: auto;} */
}
@media only screen and (max-width:425px){
.newsbox .faqbox{padding-top: 25px;}
.newsbox .faqbox ul li .tit{margin-bottom: 0;}
.newsbox .faqbox ul li{margin-bottom: 15px;padding-bottom: 10px;}
}

/*联系*/
.contactbox{padding: 50px 0;}
.orderbox{background: url(../images/lybg.jpg) center no-repeat;padding: 100px 0;}
.orderbox .cont{width:96%;max-width:960px;margin:0 auto;}
.orderbox ul{width:100%;position: relative;padding-left: 51%;}
.orderbox ul li{width:100%;overflow:hidden;height:44px;float:left;margin-bottom: 20px;position:relative;background:#fff;border-radius:3px;}
.orderbox ul li span{display:block;height:44px;line-height:44px;text-align:center;color:#666;width: 80px;position: absolute;left: 0;top: 0;z-index: 0;}

.orderbox ul li .txt,.orderbox ul li .area,.orderbox  ul li .code{position:relative;z-index:1;display:block;width:100%;height:100%;line-height:24px;padding:10px 10px 10px 80px;background:none;float:left;}
.orderbox ul .li_2{height:100%;width:49%;position: absolute;left: 0;top: 0;}
.orderbox ul .li_3{max-width: 250px;margin: 0 15px 0 0;}
.orderbox ul .li_3 img{position:absolute;right:20px;top:13px;cursor:pointer;z-index:2;}
.orderbox ul .li_3 .red{width:20px;right:0;top:3px;padding:0;color:#f00;position:absolute;left:auto;}
.orderbox ul .li_4{max-width: 140px;margin: 0;}
.orderbox ul .li_4 p{width:100%;float:left;height:44px;background:#067fc9;margin-right:15px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.orderbox ul .li_4 p input{display:block;width:100%;height:44px;font-size:16px;padding:8px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:bold;}
.orderbox ul .li_4 p:hover{background:#1698d9;}

.contactbox .w1280{max-width: 1310px;}
.contactbox .cont-up{padding: 45px 0 15px;}
.contactbox .cont-up li{width: 33.33%;float: left;padding: 0 15px;overflow: hidden;text-align: center;}
.contactbox .cont-up li div{border: 1px solid #ddd;width: 100%;height: 100px;}
.contactbox .cont-up li p{display: inline-block;max-width: 80%;min-width:200px;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.contactbox .cont-up li p img{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.contactbox .cont-up li p span{display: block;padding-left: 55px;font-size: 16px;text-align: left;}
.contactbox .cont-up li p em{font-style: normal;font-size: 22px;height:24px;line-height: 26px;display: block;float: right;}

@media only screen and (max-width:1250px){
.contactbox{padding: 45px 0;}
.orderbox{padding: 75px 0;}
.contactbox .cont-up{padding: 35px 0 10px;}
.contactbox .cont-up li{padding: 0 10px;}
.contactbox .cont-up li p{max-width: 90%;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 35px 0;}
.orderbox{padding: 50px 0;}
.orderbox ul li{margin-bottom: 15px;}
.orderbox ul .li_3{max-width: 230px;margin-right: 10px;}
.orderbox ul .li_4{max-width: 120px;}
}
@media only screen and (max-width:992px){
.contactbox .cont-up{padding: 25px 0 0;}
.contactbox .cont-up li{width: 50%;padding: 10px;}
}
@media only screen and (max-width:768px){
.orderbox .cont{max-width: 560px;}
.orderbox ul{padding: 0;}
.orderbox ul .li_2{height:150px;width:100%;position: relative;}
.contactbox .cont-up li{width: 100%;padding: 10px 0;}
}
@media only screen and (max-width:425px){
.contactbox{padding: 30px 0;}
.orderbox ul li .txt, .orderbox ul li .area, .orderbox ul li .code{padding-left: 70px;}
.orderbox ul .li_3{max-width: 195px;}
.orderbox ul .li_4{max-width: 100px;}
.contactbox .cont-up li{padding: 5px 0;}
.contactbox .cont-up li div{height: 80px;}
}